<!DOCTYPE html>
<html>
    <head>
    <title>北极首页</title>
    <style>
       .main{
        width: 1200px;
        height: 400px;
        background: #cee295;
        margin: 10px auto;
       }
       .top{
        width: 800px;
        height: 100px;
        background: #f154f131;
       }
       .content{
        width: 800px;
        height: 500px;
        background: #198bc8;
        float: left;
       }
       .right{
        width: 600px;
        height: 500px;
        background: #297443;
        float: left;
       }
       .img{
        width: 500px;
        height: 400px;
       }
    </style>
    </head>
    <body>
        <div class=main>
            <div class=top>
                <h1>首页</h1>
            </div>
            <div class=content>
                <div class=content>
                    <div class="left">
                   <h1> <a href="beiji.html">北极网站</a>
           </h1> </div>
            <div class="right">
                <img class=img src="images/8b19794e2a4c9611ccb4b4a51a2a8f4.jpg"
            </div>
        </div>
    </body>
</html>